<ul id="homeMenu" class="nav nav-pills">
    <!--li ><a href="#/" >Home</a></li-->
    <li ><a href="#/eventos" >Events</a></li>
    <li class="active"><a href="#/new">Invite-me</a></li>
</ul>
</br>

 <!--
 Evento:
	id
	nombre
	fechaInicio
	fechaFin
	direccion
	detalle
	invitados: List<Invitado>
	tareas: List<Tarea>

 -->




<form ng-submit="notificarEvento()">
<ul>
    <li>
        <input ng-model="evento.nombre" placeholder="Nombre del evento"  ng-required="true"/>
    </li>
    <li>
        <input id="fechaInicio"  type="datetime-local" ng-model="evento.fechaInicio" ng-required="true" />
        <a href="" onclick="mostrarFechaFinEsconderLink(this,'#fechaFin')" >finaliza...</a>
        <input id="fechaFin"  type="datetime-local" ng-model="evento.fechaFin" style="display: none"/>
    </li>
    <li>
        <input ng-model="evento.direccion" placeholder="Direccion." ng-required="true"/>
    </li>
    <li>
        <input ng-model="evento.detalle" placeholder="Detalles... (opcional)"/>
    </li>
    <li>
            <button type="button" ng-click="mostrarContactos()">CONTACTOS</>

    </li>
    <li>
        <div ng-repeat="contacto in contactos">
            <input type="checkbox" ng-model="contactos[$index].seleccionado"/>
            <img style="height: 60px; width: 60px" ng-src="{{contacto.avatar}}"/>
            nombre:{{contacto.nickName}}
        </div>
    </li>
    <li>
        <input type="submit"  class="btn btn-primary btn-sm"  value="{{botonNotificarLabel}}"/>
    </li>


</ul>
</form>
<script type="text/javascript">

/*
   obtenerListaUsuarios();

    function obtenerListaUsuarios(){
        var options = new ContactFindOptions();
        options.multiple=true;
        var fields = ["displayName", "name","phoneNumbers","photos"];
        navigator.contacts.find(fields, onSuccess, onError, options);
    }

    function onSuccess(contacts) {

        $('#invitadosHidden').val(angular.toJson(contacts));
        for (var i=0; i<contacts.length; i++) {

            {{invitados.push({name:contacts[i].name, displayName:contacts[i].displayName})}}
       }
    };

    function onError(contactError) {
        alert('onError!');
*/


    function mostrarFechaFinEsconderLink(link,elementId){
        $(elementId).css('display', 'inline-block');
        $(link).css('display', 'none');
    }


</script>

